<script>
	/**
	 * vuex管理登陆状态，具体可以参考官方登陆模板示例
	 */
	import {
		mapMutations
	} from 'vuex';
	export default {
		methods: { ...mapMutations(['login'])
		},
		onLaunch: function() {
			// #ifdef MP-WEIXIN
			const updateManager = wx.getUpdateManager()
			updateManager.onCheckForUpdate(function(res) {
				// 请求完新版本信息的回调
				if (res.hasUpdate) {
					updateManager.onUpdateReady(function(data) {
						uni.showModal({
							title: '更新提示',
							content: '发现新版本,是否重启应用?',
							cancelColor: '#606266',
							confirmColor: '#0251f4',
							success(data) {
								if (data.confirm) {
									// 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
									updateManager.applyUpdate();
								}
							}
						});
					});
				}
			})
			updateManager.onUpdateFailed(function() {
				// 新版本下载失败
				uni.showModal({
					title: '提示',
					content: '检查到有新版本,但下载失败,请检查网络设置',
					success(res) {
						if (res.confirm) {
							// 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
							updateManager.applyUpdate();
						}
					}
				});
			})
			// #endif
			
			let userInfo = uni.getStorageSync('userInfo') || '';
			if (userInfo.id) {
				//更新登陆状态
				uni.getStorage({
					key: 'userInfo',
					success: res => {
						this.login(res.data);
					}
				});
			}
		},
		onShow: function() {
			console.log('App Show');
		},
		onHide: function() {
			console.log('App Hide');
		}
	};
</script>
<style lang="scss">
	page {
		font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
		background-color: $base-color-bg;
	}

	/* xcx */
	view,
	scroll-view,
	swiper,
	swiper-item,
	cover-view,
	cover-image,
	icon,
	text,
	rich-text,
	progress,
	button,
	checkbox,
	form,
	input,
	label,
	radio,
	slider,
	switch,
	textarea,
	navigator,
	audio,
	camera,
	image,
	video {
		box-sizing: border-box;
	}

	@font-face {
		font-family: 'icon';
		src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
	}

	.icon {
		position: relative;
		display: flex;
		align-items: center;
		font-family: 'icon' !important;
		font-size: $base-font-base;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon:before {
		transform: translateY(2upx);
	}

	.icon-wechat:before {
		content: '\e65f';
	}

	.icon-huodaofukuan:before {
		content: '\e609';
	}

	.icon-add:before {
		content: '\e7b0';
	}

	.icon-sami:before {
		content: '\e7b1';
	}

	.icon-record:before {
		content: '\e639';
	}

	.icon-order:before {
		content: '\e602';
	}

	.icon-pay:before {
		content: '\e64c';
	}

	.icon-shouhou:before {
		content: '\e637';
	}

	.icon-fahuo:before {
		content: '\e600';
	}

	.icon-biaozhun:before {
		content: '\e64e';
	}

	.icon-guige:before {
		content: '\e745';
	}

	.icon-chandi:before {
		content: '\ec3c';
	}

	.icon-zhijian:before {
		content: '\e69c';
	}

	.icon-baozhuang:before {
		content: '\e697';
	}

	.icon-date:before {
		content: '\e615';
	}

	.icon-phone:before {
		content: '\e634';
	}

	.icon-home:before {
		content: '\e621';
	}

	.icon-region:before {
		content: '\e643';
	}

	.icon-message:before {
		content: '\e635';
	}

	.icon-time:before {
		content: '\e638';
	}

	.icon-cart:before {
		content: '\e63b';
	}

	.icon-search:before {
		content: '\e63c';
	}

	.icon-icon-link:before {
		content: '\e63e';
	}

	.icon-share:before {
		content: '\e63f';
	}

	.icon-set:before {
		content: '\e640';
	}

	.icon-download:before {
		content: '\e641';
	}

	.icon-play:before {
		content: '\e642';
	}

	.icon-image:before {
		content: '\e64a';
	}

	.icon-email:before {
		content: '\e64b';
	}

	.icon-user:before {
		content: '\e64d';
	}

	.icon-refresh:before {
		content: '\e650';
	}

	.icon-close_filled:before {
		content: '\e651';
	}

	.icon-check:before {
		content: '\e652';
	}

	.icon-close:before {
		content: '\e653';
	}

	.icon-check_filled:before {
		content: '\e654';
	}

	.icon-star:before {
		content: '\e659';
	}

	.icon-star_filled:before {
		content: '\e65a';
	}

	.icon-arrow_up:before {
		content: '\e65b';
	}

	.icon-arrow_down:before {
		content: '\e65d';
	}

	.icon-arrow_right:before {
		content: '\e65e';
	}

	.icon-link_arrow:before {
		content: '\e664';
	}

	.icon-benefits:before {
		content: '\e665';
	}

	.icon-alipay:before {
		content: '\e667';
	}

	.icon-phone:before {
		content: '\e63d';
	}

	.icon-suo:before {
		content: '\e61f';
	}

	.icon-edit:before {
		content: '\e644';
	}
	
	.icon-good:before {
		content: '\e753';
	}
	
	.icon-good-fill:before {
		content: '\e780';
	}
	
	/* 骨架屏替代方案 */
	.Skeleton {
		background: #f3f3f3;
		padding: 20upx 0;
		border-radius: 10upx;
	}

	/* 图片载入替代方案 */
	.image-wrapper {
		font-size: 0;
		background: #f3f3f3;
		border-radius: 10upx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.clamp {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	.clamp2 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.common-hover {
		background: $base-color-bg;
	}

	/*边框*/
	.b-b:after,
	.b-t:after {
		position: absolute;
		z-index: 3;
		left: 0;
		right: 0;
		height: 0;
		content: '';
		transform: scaleY(0.5);
		border-bottom: 1upx solid $base-color-light;
	}

	.b-b:after {
		bottom: 0;
	}

	.b-t:after {
		top: 0;
	}

	/*行*/
	.row {
		display: flex;
		align-items: center;
		position: relative;
		padding: 0 $base-row-spacing;
		height: 100upx;
		font-size: $base-font-base;
		color: $base-color-dark;
		border-top: 1upx solid $base-color-light;
		background: #fff;

		&:first-child {
			border-top: 0;
		}

		.tit {
			flex-shrink: 0;
			width: 120upx;
		}

		.tiv {
			margin-left: auto;
			color: #aaaaaa;
			text-align: right;
		}

		.input {
			flex: 1;
			font-size: $base-font-base;
			color: $base-color-dark;
		}

		.icon-region {
			font-size: $base-font-lg + 20upx;
			/* color: $base-color-page; */
		}
	}

	/* 投标列表 */
	.bid-list {
		display: flex;
		flex-wrap: wrap;
		background: #fff;

		.bid-item {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 100%;
			padding: 20upx $base-row-spacing;
			border-bottom: 1upx solid $base-color-light;
			
			&:last-child {
				border-bottom: 0;
			}

			.action-box {
				margin: 20upx 0 0;
				padding: 0;
			}
		}

		.text-wrapper {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-basis: 100%;
			overflow: hidden;

			image {
				margin-right: 10upx;
				vertical-align: top;
				width: 45upx;
				height: 45upx;
				border-radius: 50%;
			}
		}

		.title {
			flex-basis: 100%;
			margin-bottom: 10upx;
			font-size: $base-font-base;
			color: $base-color-dark;
			line-height: 45upx;
		}

		.text {
			flex-basis: 100%;
			font-size: $base-font-base;
			color: $base-color-dark;
			line-height: 45upx;
		}

		.num {
			padding: 0 20upx;
			font-size: $base-font-base;
			color: $base-color-warning;
			line-height: 45upx;
		}

		.time {
			width: 50%;
			overflow: hidden;
			font-size: $base-font-base - 8upx;
			text-align: right;

			text {
				display: block;
			}
		}

		.size {
			padding: 0 20upx;
			font-size: $base-font-base;
			color: $base-color-page;
			line-height: 45upx;
		}

		.shop {
			width: 50%;
			font-size: $base-font-base;
			color: $base-color-light;
			line-height: 45upx;
		}
	}

	/* 商品列表 */
	.goods-list {
		display: flex;
		flex-wrap: wrap;
		background: #fff;

		.goods-item {
			display: flex;
			flex-direction: row;
			width: 100%;
			padding: 20upx $base-row-spacing;
			border-top: 1upx solid $base-color-light;

			&:first-child {
				border-top: 0;
			}
		}

		.image-wrapper {
			width: 240upx;
			height: 240upx;
			border-radius: 8upx;
			overflow: hidden;
			border: 1upx solid $base-color-light;

			image {
				width: 240upx;
				height: 240upx;
				opacity: 1;
			}
		}

		.text-wrapper {
			flex: 1;
			padding-left: 20upx;
			overflow: hidden;

			image {
				display: inline-block;
				vertical-align: top;
				margin-right: 10upx;
				width: 45upx;
				height: 45upx;
				border-radius: 50%;
				background-color: #f3f3f3;
			}
		}

		.title {
			height: 84upx;
			margin-bottom: 30upx;
			font-size: $base-font-base;
			color: $base-color-dark;
			line-height: 45upx;
		}

		.price {
			display: inline-block;
			vertical-align: top;
			font-weight: bold;
			font-size: $base-font-lg + 4upx;
			color: $base-color-warning;
			line-height: 45upx;
		}

		.size {
			display: inline-block;
			vertical-align: top;
			margin-left: 40upx;
			padding: 0 20upx;
			font-size: $base-font-base;
			color: $base-color-light;
			line-height: 45upx;
			border-radius: 20upx;
			background-color: #f0f0f0;
		}

		.shop {
			font-size: $base-font-base;
			color: $base-color-light;
			margin-top: 30upx;
			line-height: 45upx;
		}
	}

	/* 详情 */
	.detail-desc {
		overflow: hidden;
		width: 750upx;
		margin-bottom: 20upx;
		font-size: $base-font-base;
		color: $base-color-dark;
		background: #fff;

		.d-header {
			margin-top: -1px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 80upx;
			padding: 0 $base-row-spacing;
			position: relative;
			border-top: 1upx solid rgba(245, 245, 245, 1);
			border-bottom: 1upx solid rgba(245, 245, 245, 1);

			text {
				padding: 0 20upx;
				background: #fff;
				position: relative;
				z-index: 1;
			}

			.d-ttl {
				line-height: 40upx;
			}

			.d-txt {
				display: block;
				padding: 0 $base-row-spacing;
				color: #fff;
				line-height: 50upx;
				border-radius: 25upx;
				background-color: rgba(140, 178, 255, 1);
			}

			&:after {
				content: '';
				position: absolute;
				left: 20upx;
				top: 50%;
				transform: translateY(-50%);
				height: 36upx;
				width: 8upx;
				background-color: $base-color-page;
				border-radius: 0 4px 4px 0;
				opacity: 0.8;
			}
		}

		.d-info {
			display: flex;
			margin: 20upx $base-row-spacing;
			
			image {
				width: 100%;
			}

			.d-ttl {
				display: flex;
				width: 250upx;
				color: $base-color-light;

				.icon {
					margin-right: 10upx;
					font-size: $base-font-lg;
					color: $base-color-page;
				}
			}
		}

		.d-inner {
			display: flex;
			margin: 20upx $base-row-spacing;

			image {
				margin-right: 20upx;
				width: 80upx;
				height: 80upx;
				border-radius: 80upx;
				border: 1upx solid $base-color-light;
			}

			.d-txt {
				display: block;
				padding-top: 10upx;

				text {
					line-height: 60upx;
					display: block;

					&:last-child {
						font-size: $base-font-sm;
						color: $base-color-light;
					}
				}
			}
		}

		.d-shop {
			display: flex;
			align-items: center;
			margin: 20upx $base-row-spacing;

			image {
				margin-right: 20upx;
				width: 80upx;
				height: 80upx;
				border-radius: 80upx;
			}

			.mix-btn {
				height: 60upx;
				margin-right: 0;
				font-size: $base-font-base;
				line-height: 60upx;
				color: $base-color-warning;
				background-color: #fff;
				border-radius: 30upx;
				border: 1upx solid $base-color-warning;
			}
		}
	}

	.h2-header {
		display: flex;
		align-items: center;
		height: 80upx;
		padding: 0 $base-row-spacing;
		font-size: $base-font-lg;
		position: relative;
		border-bottom: 1upx solid rgba(245, 245, 245, 1);

		text {
			padding: 0 20upx;
			position: relative;
			z-index: 1;
		}

		.h2-ttl {
			line-height: 40upx;
		}

		&:after {
			content: '';
			position: absolute;
			left: 20upx;
			top: 50%;
			transform: translateY(-50%);
			height: 36upx;
			width: 8upx;
			background-color: $base-color-page;
			border-radius: 0 4px 4px 0;
			opacity: 0.8;
		}
	}

	.address-section {
		padding: 20upx 0;
		background: #fff;
		position: relative;

		.order-content {
			display: flex;
			align-items: center;
		}

		.icon-region {
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 90upx;
			color: #888;
			font-size: 44upx;
		}

		.cen {
			display: flex;
			flex-direction: column;
			flex: 1;
			font-size: 28upx;
			color: $base-color-dark;
		}

		.name {
			font-size: 34upx;
			margin-right: 24upx;
		}

		.address {
			margin-top: 16upx;
			margin-right: 20upx;
			color: $base-color-light;
		}

		.icon-arrow_right {
			font-size: 32upx;
			color: $base-color-light;
			margin-right: $base-row-spacing;
		}

		.a-bg {
			position: absolute;
			left: 0;
			bottom: 0;
			display: block;
			width: 100%;
			height: 5upx;
		}
	}

	.goods-section {
		margin-top: 20upx;
		background: #fff;
		border-top: 1upx solid $base-color-light;

		.g-header {
			display: flex;
			align-items: center;
			height: 84upx;
			padding: 0 $base-row-spacing;
			position: relative;
		}

		.logo {
			display: block;
			width: 50upx;
			height: 50upx;
			border-radius: 100px;
		}

		.name {
			font-size: 30upx;
			color: $base-color-base;
			margin-left: 24upx;
		}

		.g-item {
			display: flex;
			padding: 20upx $base-row-spacing;
			border-bottom: 1upx solid $base-color-light;

			image {
				flex-shrink: 0;
				display: block;
				width: 140upx;
				height: 140upx;
				border-radius: 4upx;
			}

			.right {
				flex: 1;
				padding-left: 24upx;
				overflow: hidden;
			}

			.title {
				font-size: $base-font-base;
				color: $base-color-dark;
			}

			.spec {
				font-size: $base-font-sm;
				color: $base-color-light;
				margin-left: 20upx;
			}

			.price-box {
				display: flex;
				align-items: center;
				font-size: $base-font-sm;
				color: $base-color-dark;
				padding-top: 10upx;

				.number {
					font-size: $base-font-sm;
					color: $base-color-base;
					margin-left: 20upx;
				}
			}

			.step-box {
				position: relative;
			}
		}
	}

	.order-item {
		display: flex;
		flex-direction: column;
		margin-top: 20upx;
		padding-bottom: 20upx;
		padding-left: $base-row-spacing;
		background: #fff;

		.i-top {
			display: flex;
			align-items: center;
			height: 80upx;
			padding-right: $base-row-spacing;
			font-size: $base-font-base;
			color: $base-color-dark;
			position: relative;
			border-bottom: 1upx solid $base-color-light;

			.time {
				flex: 1;
			}

			.state {
				color: $base-color-page;
			}

			.del-btn {
				padding: 10upx 0 10upx 36upx;
				font-size: $base-font-lg;
				color: $base-color-light;
				position: relative;

				&:after {
					content: '';
					width: 0;
					height: 30upx;
					border-left: 1upx solid $base-color-light;
					position: absolute;
					left: 20upx;
					top: 50%;
					transform: translateY(-50%);
				}
			}
		}

		/* 多条商品 */
		.goods-box {
			height: 160upx;
			padding: 20upx 0;
			white-space: nowrap;

			.goods-item {
				width: 120upx;
				height: 120upx;
				display: inline-block;
				margin-right: 24upx;
			}

			.goods-img {
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		/* 单条商品 */
		.goods-box-single {
			display: flex;
			padding: 20upx 0;

			.goods-img {
				display: block;
				width: 120upx;
				height: 120upx;
			}

			.right {
				flex: 1;
				display: flex;
				flex-direction: column;
				padding: 0 $base-row-spacing 0 24upx;
				overflow: hidden;

				.title {
					font-size: $base-font-base + 2upx;
					color: $base-color-dark;
					line-height: 1;
				}

				.attr-box {
					font-size: $base-font-sm + 2upx;
					color: $base-color-light;
					padding: 6upx 0;
				}

				.price {
					font-size: $base-font-base + 2upx;
					color: $base-color-dark;

					&:before {
						content: '￥';
						font-size: $base-font-sm;
						margin: 0 2upx 0 8upx;
					}
				}
			}
		}

		.price-box {
			text-align: right;
			padding: 0 $base-row-spacing;
			font-size: $base-font-sm + 2upx;
			color: $base-color-light;

			.num {
				margin: 0 8upx;
				color: $base-color-dark;
			}

			.price {
				font-size: $base-font-lg;
				color: $base-color-warning;

				&:before {
					content: '￥';
					font-size: $base-font-sm;
					margin: 0 2upx 0 8upx;
				}
			}
		}
	}

	.navbar {
		position: fixed;
		left: 0;
		top: var(--window-top);
		z-index: 10;
		display: flex;
		width: 100%;
		height: 80upx;
		background: #fff;
		box-shadow: 0 2upx 10upx rgba(0, 0, 0, 0.06);

		.nav-item {
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
			font-size: 30upx;
			color: $base-color-dark;
			position: relative;

			&.current {
				color: $base-color-page;

				&:after {
					content: '';
					position: absolute;
					left: 50%;
					bottom: 0;
					transform: translateX(-50%);
					width: 120upx;
					height: 0;
					border-bottom: 4upx solid $base-color-page;
				}
			}
		}

		.p-box {
			display: flex;
			flex-direction: column;

			.icon {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 30upx;
				height: 14upx;
				line-height: 1;
				margin-left: 4upx;
				font-size: 26upx;
				color: #888;

				&.active {
					color: $base-color-page;
				}
			}
		}

		.cate-item {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
			width: 80upx;
			position: relative;
			font-size: 44upx;

			&:after {
				content: '';
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				border-left: 1upx solid #ddd;
				width: 0;
				height: 36upx;
			}
		}
	}

	.action-box {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 20upx;
		padding: 0 $base-row-spacing;
		width: 100%;
		height: 60upx;
		position: relative;
	}

	.action-btn {
		min-width: 160upx;
		height: 60upx;
		margin-left: 24upx;
		margin-right: 0;
		text-align: center;
		line-height: 60upx;
		font-size: $base-font-sm;
		border-radius: 60upx;

		&:after {
			content: none;
		}

		&.del[disabled],
		&.del,
		&.default[disabled],
		&.default {
			color: #868686;
			line-height: 58upx;
			background-color: #fff;
			border: 1upx solid;
		}

		&.edit[disabled],
		&.edit,
		&.spec[disabled],
		&.spec {
			color: #fff;
			background-color: #ff9a2b;
		}
	}

	/* 购物车列表项 */
	.cart-item {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		padding: 20upx $base-row-spacing;
		background-color: #fff;
		border-top: 1upx solid $base-color-light;

		&:first-child {
			border-top: 0;
		}

		.image-wrapper {
			width: 240upx;
			height: 240upx;
			flex-shrink: 0;
			position: relative;

			image {
				border-radius: 8upx;
			}
		}

		.checkbox {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 8;
			font-size: 50upx;
			line-height: 1;
			color: $base-color-disabled;
			background: #fff;
			border-radius: 50px;
		}

		.shop {
			width: 100%;
			margin-bottom: 20upx;
			font-size: $base-font-base;
			color: $base-color-light;
			line-height: 45upx;

			image {
				display: inline-block;
				vertical-align: top;
				width: 45upx;
				height: 45upx;
				margin-right: 20upx;
				border-radius: 50%;
			}
		}

		.item-right {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			flex: 1;
			overflow: hidden;
			position: relative;
			padding-left: 30upx;

			.title {
				margin: 20upx 0;
				font-size: $base-font-lg;
				color: $base-color-dark;
				line-height: 32upx;
			}

			.text {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.step {
				margin-top: 20upx;
			}

			.size {
				display: inline-block;
				vertical-align: top;
				padding: 0 20upx;
				font-size: $base-font-base;
				color: $base-color-light;
				line-height: 45upx;
				border-radius: 20upx;
				background-color: #f0f0f0;
			}

			.price {
				display: inline-block;
				vertical-align: top;
				margin-right: 40upx;
				font-weight: bold;
				font-size: $base-font-base;
				color: $base-color-warning;
				line-height: 45upx;
			}
		}

		.del-btn {
			padding: 4upx 10upx;
			font-size: 34upx;
			height: 50upx;
			color: $base-color-light;
		}

		.confirm-btn {
			padding: 0 30upx;
			margin: 0;
			border-radius: 30upx;
			height: 60upx;
			line-height: 60upx;
			font-size: $base-font-sm;
			background: $base-color-page;
		}
	}

	/* 底部栏 */
	.action-section {
		/* #ifdef H5 */
		margin-bottom: 100upx;
		/* #endif */
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 95;
		display: flex;
		align-items: center;
		height: 100upx;
		padding: 0 30upx;
		background: rgba(255, 255, 255, 0.9);
		border-top: 1upx solid $base-color-light;

		.checkbox {
			height: 60upx;
			position: relative;
			z-index: 8;
			font-size: 52upx;
			color: #c0c4cc;
			background: #fff;
			border: 2upx solid #fff;
			border-radius: 52upx;

			image {
				width: 52upx;
				height: 100%;
				position: relative;
				z-index: 5;
			}
		}

		.clear-btn {
			position: absolute;
			left: 26upx;
			top: 4upx;
			z-index: 4;
			width: 120upx;
			height: 52upx;
			line-height: 52upx;
			padding-left: 38upx;
			font-size: $base-font-base;
			color: #fff;
			background: $base-color-disabled;
			border-radius: 0 50px 50px 0;
			transition: 0.2s;
		}

		.total-box {
			flex: 1;
			display: flex;
			flex-direction: column;
			text-align: right;
			padding-right: 40upx;

			.price {
				font-size: $base-font-lg;
				color: $base-color-dark;
			}

			.coupon {
				font-size: $base-font-sm;
				color: $base-color-light;

				text {
					color: $base-color-dark;
				}
			}
		}

		.confirm-btn {
			padding: 0 30upx;
			margin: 0;
			border-radius: 30upx;
			height: 60upx;
			line-height: 60upx;
			font-size: $base-font-base;
			background: $base-color-page;
		}

		.delete-btn {
			padding: 0 30upx;
			margin: 0 0 0 20upx;
			border-radius: 30upx;
			height: 60upx;
			line-height: 60upx;
			font-size: $base-font-base;
			background: $base-color-warning;
		}
	}

	/* 复选框选中状态 */
	.action-section .checkbox.checked,
	.cart-item .checkbox.checked {
		color: $base-color-page;
	}

	.uni-picker-container .uni-picker {
		transition: 0.1s;
	}

	/* button样式改写 */
	uni-button,
	button {
		height: 80upx;
		line-height: 80upx;
		font-size: $base-font-lg;
		font-weight: normal;

		&.no-border:before,
		&.no-border:after {
			border: 0;
		}
	}

	uni-button[type='primary'],
	button[type='primary'] {
		color: #fff;
		background-color: $base-color-page;
	}

	uni-button[disabled][type='primary'],
	button[disabled][type='primary'] {
		color: #fff;
		background-color: $base-color-page;
	}
	
	uni-radio .uni-radio-wrapper {
		vertical-align: top;
	}

	.add-btn {
		width: 690upx;
		margin: 60upx auto;
		border-radius: 10upx;
	}

	/* input 样式 */
	.input-placeholder {
		color: #999;
	}

	.placeholder {
		color: #999;
	}

	.swiper-box {

		//自动移滚动条样式
		::-webkit-scrollbar {
			width: 5px;
			height: 5px;
		}

		::-webkit-scrollbar-thumb {
			border-radius: 1em;
			background-color: rgba(50, 50, 50, .3);
		}

		::-webkit-scrollbar-track {
			border-radius: 1em;
			background-color: rgba(50, 50, 50, .1);
		}
	}

	.login-wrapper {
		position: relative;
		z-index: 90;
		background: #fff;
		min-height: 100vh;
		padding: 95upx 0 45px;

		.welcome {
			margin-bottom: 60upx;
			font-size: $base-font-lg + 2upx;
			font-weight: bold;
			color: $base-color-page;
			text-align: center;

			image {
				display: block;
				width: 180upx;
				height: 180upx;
				margin: 0 auto 20upx;
			}
		}

		.flex-item {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.input-content {
			padding: 0 60upx;
		}

		.input-item {
			display: flex;
			padding: 0 30upx;
			align-items: center;
			background: $base-color-light;
			font-size: $base-font-base;
			color: $base-color-base;
			border-radius: 50upx;
			margin-bottom: 50upx;
			border: 1upx solid #e8e8e8;
			background-color: #fff;

			&:last-child {
				margin-bottom: 0;
			}

			.icon {
				height: 50upx;
				padding-right: 20upx;
				font-size: 50upx;
				line-height: 100upx;
				border-right: 1upx solid #e8e8e8;
			}

			input {
				height: 100upx;
				padding-left: 20upx;
				font-size: $base-font-base;
				color: $base-color-dark;
				line-height: 100upx;
				width: 100%;
			}
		}

		.code-btn {
			width: 240upx;
			height: 60upx;
			padding: 0 10upx;
			font-size: $base-font-sm;
			text-align: center;
			color: $base-color-page;
			line-height: 58upx;
			border-radius: 60upx;
			border: 1upx solid $base-color-page;
			background-color: #fff;

			&[disabled] {
				color: $base-color-page;
				background-color: #fff;
			}

			&:after {
				display: none;
			}
		}

		.confirm-btn {
			width: 630upx;
			height: 76upx;
			line-height: 76upx;
			border-radius: 50px;
			margin-top: 70upx;
			background: $base-color-page;
			color: #fff;
			font-size: $base-font-lg;

			&:after {
				border-radius: 100px;
			}
		}

		.forget-section {
			margin-top: 20upx;
			padding: 0 90upx;
			font-size: $base-font-sm + 2upx;
			color: $base-color-page;
			text-align: center;
		}

		.register-section {
			position: absolute;
			left: 0;
			z-index: 100;
			bottom: 50upx;
			width: 100%;
			font-size: $base-font-sm + 2upx;
			color: $base-color-base;
			text-align: center;

			text {
				color: $base-color-page;
				margin-left: 10upx;
			}
		}
	}

	.pc {
		display: none !important;
	}

	/* #ifdef H5 */
	@media screen and (min-width: 750px) {
		html {
			font-size: 16px;
			min-width: 1240px;
			overflow-x: auto;
		}

		.uni-tabbar,
		.uni-app--showtabbar uni-page-wrapper:after,
		.uni-body uni-page-head,
		.uni-body uni-page-refresh {
			opacity: 0;
			display: none;
			height: 0;
			min-height: 0;
		}

		.uni-app--showtabbar uni-page-head[uni-page-head-type='default']~uni-page-wrapper,
		uni-page-head[uni-page-head-type='default']~uni-page-wrapper {
			height: 100%;
		}

		.uni-modal-next__container {
			transform: translate(-50%, -50%) scale(0.5) !important;
		}

		.uni-modal__btn,
		.uni-modal-next__footer-left,
		.uni-modal-next__footer-right {
			cursor: pointer;
		}

		.icon {
			font-size: 16px;
		}

		.icon:before {
			transform: translateY(0);
		}

		.sp {
			display: none !important;
		}

		.pc {
			display: block !important;
		}

		.com-box {
			margin: 0 auto;
			max-width: $base-width-pc;
		}

		.uni-picker-container .uni-picker {
			width: 500px;
			left: 50%;
			bottom: 50%;
			transform: translate(-50%, 100%);
			transition: inherit;
		}

		.uni-picker-container .uni-picker.uni-picker-toggle {
			transform: translate(-50%, 50%);
		}


		/* button样式改写 */
		uni-button,
		button {
			height: 40px;
			line-height: 40px;
			font-size: 16px;
		}

		uni-button[type='primary'],
		button[type='primary'] {
			color: #fff;
			background-color: $base-color-pc;
		}

		uni-button[disabled][type='primary'],
		button[disabled][type='primary'] {
			color: #fff;
			background-color: $base-color-pc;
		}

		uni-button[type='default'],
		button[type='default'] {
			color: $base-color-pc;
			background-color: #fff;
		}

		uni-button[disabled][type='default'],
		button[disabled][type='default'] {
			color: $base-color-pc;
			background-color: #fff;
		}

		.add-btn {
			max-width: 100%;
			width: 690px;
			margin: 40px auto;
			border-radius: 0;
		}

		.h2-header {
			height: 60px;
			padding: 0 15px;
			font-size: 24px;
			border-bottom: 0;

			text {
				padding: 0 10px;
				position: relative;
				z-index: 1;
			}

			.h2-ttl {
				line-height: 40px;
			}

			&:after {
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				height: 36px;
				width: 8px;
				border-radius: 0;
				background-color: $base-color-pc;
			}
		}

		/*行*/
		.row {
			padding: 0 30px;
			height: 50px;
			font-size: 16px;
			border-top: 1px solid $base-color-light;

			&:first-child {
				border-top: 0;
			}

			.tit {
				flex-shrink: 0;
				width: 120px;
			}

			.input {
				flex: 1;
				font-size: 16px;
			}

			.icon-region {
				font-size: 30px;
			}
		}

		/* 商品列表 */
		.goods-list {
			flex-wrap: wrap;

			.goods-item {
				flex-direction: column;
				margin-bottom: 30px;
				padding: 0;
				width: 200px;
				cursor: pointer;
				border: 1px solid $base-color-light;

				&:first-child {
					border: 1px solid $base-color-light;
				}
			}

			.image-wrapper {
				width: 198px;
				height: 198px;
				border-radius: 0;
				overflow: hidden;
				border: 0;

				image {
					width: 198px;
					height: 198px;
					opacity: 1;
				}
			}

			.text-wrapper {
				padding: 10px;

				image {
					width: 30px;
					height: 30px;
				}
			}

			.title {
				height: auto;
				margin-bottom: 5px;
				font-size: 16px;
				font-weight: bold;
				line-height: 25px;
			}

			.price {
				font-size: 16px;
				line-height: 30px;
			}

			.size {
				margin-left: 15px;
				padding: 0 10px;
				font-size: 14px;
				line-height: 30px;
				border-radius: 15px;
			}

			.shop {
				font-size: 14px;
				margin-top: 10px;
				line-height: 30px;
			}
		}

		.navbar {
			position: relative;
			left: auto;
			top: auto;
			margin-bottom: 20px;
			width: 100%;
			height: 50px;
			background-color: $base-color-bg;
			box-shadow: none;

			.nav-item {
				flex: 0 0 100px;
				height: 100%;
				font-size: 16px;
				cursor: pointer;

				&.current {
					color: $base-color-pc;

					&:after {
						display: none;
					}
				}
			}

			.p-box {

				.icon {
					width: 20px;
					height: 10px;
					margin-left: 4px;
					font-size: 20px;
					color: #888;

					&.active {
						color: $base-color-pc;
					}
				}
			}

			.cate-item {
				height: 100%;
				width: 50px;
				font-size: 24px;

				&:after {
					border-left: 1px solid #ddd;
					width: 0;
					height: 24px;
				}
			}
		}

		/* 购物车标题 */
		.cart-total {
			padding: 0 20px;
			height: 50px;
			line-height: 50px;
			background-color: #fff;

			text {
				margin-left: 5px;
				font-weight: bold;
				color: $base-color-pc;
			}
		}

		.cart-title {
			display: flex;
			justify-content: space-between;
			padding: 0 20px;
			height: 50px;
			line-height: 50px;
			background-color: rgba(227, 238, 255, 1);

			.ttl-item {
				width: 25%;
				text-align: center;

				&:first-child {
					width: 45%;
				}
			}
		}

		/* 购物车列表项 */
		.cart-item {
			padding: 10px 20px;
			background-color: #fff;
			border-top: 1px solid $base-color-light;

			&:first-child {
				border-top: 0;
			}

			.image-wrapper {
				width: 80px;
				height: 80px;

				image {
					border-radius: 0;
				}
			}

			.checkbox {
				left: -10px;
				top: -5px;
				font-size: 30px;
				border-radius: 30px;
				cursor: pointer;
			}

			.shop {
				width: 100%;
				margin-bottom: 20px;
				font-size: 16px;
				line-height: 45px;

				image {
					display: inline-block;
					vertical-align: top;
					width: 45px;
					height: 45px;
					margin-right: 20px;
					border-radius: 50%;
				}
			}

			.item-right {
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
				flex: 1;
				padding-left: 20px;

				.title {
					margin: 0;
					width: 340px;
					font-size: 18px;
					line-height: 30px;
				}

				.text {
					padding: 0;
					width: 480px;
				}

				.step {
					margin-top: 0;
				}

				.size {
					margin: 0 auto;
					padding: 0 20px;
					width: auto;
					font-size: 16px;
					line-height: 30px;
					text-align: center;
					border-radius: 20px;
				}

				.price {
					margin-right: 0;
					width: 240px;
					font-size: 16px;
					line-height: 30px;
					text-align: center;
				}
			}


			.del-btn {
				padding: 4px 10px;
				font-size: 34px;
				height: 40px;
			}

			.confirm-btn {
				padding: 0 30px;
				margin: 0 70px;
				border-radius: 30px;
				height: 40px;
				line-height: 40px;
				font-size: 16px;
				background: $base-color-pc;
			}
		}

		/* 底部栏 */
		.action-section {
			margin-bottom: 0;
			position: relative;
			left: auto;
			right: auto;
			bottom: auto;
			height: auto;
			padding: 0 0 0 20px;
			border-top: 1px solid $base-color-light;

			.checkbox {
				height: 34px;
				font-size: 30px;
				border: 1px solid #fff;
				border-radius: 15px;
				cursor: pointer;
			}

			.clear-btn {
				position: absolute;
				left: 15px;
				top: 2px;
				width: 80px;
				height: 30px;
				line-height: 30px;
				padding: 0 0 0 25px;
				font-size: 16px;
				cursor: pointer;
				border-radius: 0 50px 50px 0;
			}

			.total-box {
				padding-right: 40px;

				.price {
					font-size: 24px;
					font-weight: bold;
					color: #ff0000;
				}

				.coupon {
					font-size: 14px;
				}
			}

			.confirm-btn {
				padding: 0 20px;
				margin: 0;
				border-radius: 0;
				width: 150px;
				height: 50px;
				line-height: 50px;
				font-size: 16px;
				background-color: $base-color-pc;
			}

			.delete-btn {
				padding: 0 20px;
				margin: 0;
				border-radius: 0;
				width: 150px;
				height: 50px;
				line-height: 50px;
				font-size: 16px;
			}
		}

		.action-btn-group {
			display: flex;
		}

		/* 详情 */
		.detail-desc {
			width: 100%;
			margin-bottom: 20px;
			font-size: 16px;

			.d-header {
				height: 50px;
				padding: 0 10px;
				border-top: 1px solid rgba(245, 245, 245, 1);
				border-bottom: 1px solid rgba(245, 245, 245, 1);

				text {
					padding: 0 10px;
				}

				.d-ttl {
					line-height: 50px;
					background: none;
				}

				.d-txt {
					padding: 0 15px;
					font-size: 14px;
					line-height: 30px;
					border-radius: 25px;
				}

				&:after {
					left: 0;
					height: 30px;
					width: 4px;
					background-color: $base-color-pc;
					border-radius: 0;
				}
			}

			.d-info {
				margin: 10px 30px;
				line-height: 30px;

				.d-ttl {
					display: flex;
					width: 125px;
					line-height: 30px;

					.icon {
						margin-right: 10px;
						font-size: 24px;
						color: $base-color-pc;
					}
				}
			}

			.d-inner {
				margin: 10px 30px;
				align-items: center;

				image {
					margin-right: 20px;
					width: 80px;
					height: 80px;
					border-radius: 80px;
					border: 1px solid $base-color-light;
				}

				.d-txt {
					display: block;
					padding-top: 0;

					text {
						line-height: 25px;

						&:last-child {
							font-size: 14px;
						}
					}
				}
			}

			.d-shop {
				margin: 10px 30px;

				image {
					margin-right: 20px;
					width: 80px;
					height: 80px;
					border-radius: 80px;
				}

				.mix-btn {
					height: 40px;
					margin-right: 0;
					font-size: 16px;
					line-height: 40px;
					border-radius: 40px;
					border: 1px solid $base-color-warning;
				}
			}
		}

		.goods-section {
			margin-top: 20px;
			border-top: 1px solid $base-color-light;

			.g-header {
				height: 50px;
				padding: 0 15px;
			}

			.logo {
				width: 50px;
				height: 50px;
				border-radius: 100px;
			}

			.name {
				font-size: 24px;
				margin-left: 24px;
			}

			.g-item {
				padding: 10px 30px;
				border-bottom: 1px solid $base-color-light;

				image {
					width: 100px;
					height: 100px;
					border-radius: 4px;
				}

				.right {
					padding-left: 24px;
				}

				.title {
					font-size: 24px;
				}

				.spec {
					font-size: 16px;
					margin-left: 10px;
				}

				.price-box {
					font-size: 24px;
					padding-top: 10px;

					.number {
						font-size: 16px;
						margin-left: 10px;
					}
				}
			}
		}

		.address-section {
			padding: 10px 0;

			.icon-region {
				width: 90px;
				font-size: 30px;
			}

			.cen {
				font-size: 16px;
			}

			.name {
				font-size: 24px;
				margin-right: 20px;
			}

			.address {
				margin-top: 10px;
				margin-right: 20px;
			}

			.icon-arrow_right {
				font-size: 30px;
				margin-right: 30px;
			}

			.a-bg {
				height: 2px;
			}
		}

		/* 投标列表 */
		.bid-list {
			justify-content: space-between;
			background-color: inherit;

			.bid-item {
				padding: 10px 30px;
				border-bottom: 1px solid $base-color-light;
				background-color: #fff;
				
				&:last-child {
					border-bottom: 0;
				}

				.action-box {
					margin: 0 0 10px;
					padding: 0;
				}
			}

			.text-wrapper {
				margin-bottom: 10px;

				image {
					margin-right: 10px;
					width: 45px;
					height: 45px;
				}
			}

			.title {
				margin-bottom: 0;
				font-size: 16px;
				line-height: 45px;
			}

			.text {
				font-size: 16px;
				line-height: 30px;
			}

			.num {
				padding: 0 20px;
				font-size: 16px;
				line-height: 45px;
			}

			.time {
				font-size: 14px;

			}

			.size {
				padding: 0 20px;
				font-size: 16px;
				line-height: 45px;
			}

			.shop {
				font-size: 16px;
				line-height: 45px;
			}
		}

		.order-item {
			padding-left: 30px;
			padding-bottom: 20px;
			margin-top: 0;
			border-bottom: 1px solid $base-color-light;

			.i-top {
				width: 100%;
				height: 50px;
				padding-right: 30px;
				font-size: 16px;
				line-height: 50px;
				border-bottom: 1px solid $base-color-light;

				.del-btn {
					padding: 10px 0 10px 36px;
					font-size: 24px;

					&:after {
						content: '';
						width: 0;
						height: 30px;
						border-left: 1px solid $base-color-light;
						left: 20px;
					}
				}
			}

			/* 多条商品 */
			.goods-box {
				width: 820px;
				height: 160px;
				padding: 20px 0 0;
				white-space: nowrap;

				.goods-item {
					width: 120px;
					height: 120px;
					display: inline-block;
					margin-right: 24px;
				}
			}

			/* 单条商品 */
			.goods-box-single {
				width: 820px;
				padding: 20px 0 0;

				.goods-img {
					width: 120px;
					height: 120px;
				}

				.right {
					align-self: center;
					padding: 0 30px;

					.title {
						font-size: 16px;
					}

					.attr-box {
						font-size: 16px;
						padding: 10px 0;
					}

					.price {
						font-size: 16px;

						&:before {
							content: '￥';
							font-size: 14px;
							margin: 0 2px 0 0;
						}
					}
				}
			}

			.link {
				display: flex;
				flex-wrap: wrap;
				cursor: pointer;
			}

			.price-box {
				align-self: center;
				padding: 0 30px 0 0;
				width: 340px;
				font-size: 16px;
				line-height: 25px;

				.num {
					margin: 0 8px;
				}

				.price {
					font-size: 24px;

					&:before {
						content: '￥';
						font-size: 14px;
						margin: 0 2px 0 8px;
					}
				}
			}
		}

		.action-box {
			position: relative;
			margin-top: 10px;
			padding: 0 30px;
			width: 100%;
			height: 40px;
		}

		.action-btn {
			min-width: 120px;
			width: 120px;
			height: 40px;
			margin-left: 24px;
			line-height: 40px;
			font-size: 14px;
			border-radius: 40px;

			&.del[disabled],
			&.del,
			&.default[disabled],
			&.default {
				line-height: 38px;
				border: 1upx solid;
			}
		}

		.login-wrapper {
			margin: 0 100px 0 auto;
			padding: 30px 0 20px;
			width: 480px;
			height: auto;
			min-height: auto;
			border-radius: 40px;
			background-color: inherit;
			border: 3px solid #ffffff;

			.welcome {
				margin-bottom: 30px;
				font-size: 45px;
				color: #fff;
				line-height: 70px;
			}

			.input-content {
				padding: 0 50px;
			}

			.input-item {
				margin-bottom: 30px;
				padding: 0 30px;
				background: inherit;
				font-size: 24px;
				line-height: 60px;
				color: #fff;
				border-radius: 60px;
				border: 3px solid #fff;

				&:last-child {
					margin-bottom: 0;
				}

				.icon {
					display: none;
				}

				input {
					height: 60px;
					padding-left: 0;
					font-size: 24px;
					line-height: 60px;
					color: #fff;
				}

				.input-placeholder {
					color: #fff;
				}
			}

			.code-btn {
				width: 140px;
				height: 35px;
				margin-right: -15px;
				padding: 0 10px;
				font-size: 16px;
				color: #458ded;
				line-height: 35px;
				border-radius: 35px;
				border: 0;
				background-color: #fff;

				&[disabled] {
					color: #458ded;
					background-color: #fff;
				}

				&:after {
					display: none;
				}
			}

			.confirm-btn {
				margin: 30px auto 0;
				width: 240px;
				height: 60px;
				line-height: 60px;
				border-radius: 50px;
				font-size: 24px;

				&:after {
					border-radius: 100px;
				}
			}

			.forget-section {
				margin-top: 10px;
				padding: 0 60px;
				font-size: 16px;
				color: #fff;

				uni-view {
					cursor: pointer;
				}
			}

			.register-section {
				margin-top: 30px;
				position: relative;
				bottom: auto;
				font-size: 16px;
				color: #fff;
				cursor: pointer;

				text {
					color: #fff;
					margin-left: 10px;
					text-decoration: underline;

					&:hover {
						text-decoration: none;
					}
				}
			}
		}
	}

	/* #endif */
</style>
